<template>
  <div class="logistics-info">
    <h2>商品相关信息</h2>
    <div>
      商品id: <strong>{{ goodInfo.goodNo }}</strong>
    </div>
    <div>
      商品名称: <strong>{{ goodInfo.goodName }}</strong>
    </div>
    <div>
      商品描述:
      <slot name="desc" :desc="goodInfo.desc" :type="goodInfo.type"> </slot>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    goodInfo: {
      type: Object,
      required: true,
    },
  },
}
</script>

<style scoped>
.logistics-info {
  width: 600px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0px 0px 10px #eee;
  padding: 10px;
  font-size: 14px;
  margin: 10px;
}
</style>
